.appear.active{
    display: none !important;
}
.two-div.active{
    display: block !important;
}
.thr-div.active{
    display: block !important;
}
.four-div.active{
    display: block !important;
}
.fri-div.active{
    display: block !important;
}

.main{
    overflow: hidden;
    .main-content{
        margin-bottom: 2.5rem;
        width: 90rem;
        margin: 1.25rem auto;
       .s-top{
        display: flex;
        padding: 1.25rem 0;
        .stop-left{
            width: 60%;
            .in-t{
                padding: 1.25rem 0;
                margin-top: -1.25rem;
                .in-ul{
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
                    margin: -.625rem;
                    position: relative;
                    .in-li1{
                        width: 100%;
                        padding: 0 .625rem .625rem;
                        box-sizing: border-box;
                        position: relative;
                        a{
                            width: 100%;
                            img{
                                display: block;
                                width: 100%;
                            }
                        }
                        .focus{
                            width: 422px;
                            height: 280px;
                            background-color: white;
                            opacity: 0.5;
                            position: absolute;
                            left: 0;
                            top: 0;
                            display: none;
                        }
                        .mo{
                            width: 100%;
                            height: 100%;
                            position: absolute;
                            left: 0;
                            top: 0;
                            z-index: 999;
                        }
                    }
                    .big{
                        position: absolute;
                        top:  0;
                        right: -595px;
                        width: 545px;
                        height: 560px;
                        border: 1px solid #ddd;
                        overflow: hidden;
                        display: none;
                        z-index: 999;
                        img{
                            height: 150%;
                            width: 200%;
                            position: absolute;
                        }
                    }
                    .in-li2{
                        width: 50%;
                        padding: 0 .625rem .625rem;
                        box-sizing: border-box;
                        a{
                            width: 100%;
                            img{
                                display: block;
                                width: 100%;
                            }
                        }
                    }
                    }
                }
            }







        .stop-right{
            width: 34%;
            margin-left: 6%;
            z-index: 1;
            .sright-top{
                width: 34%;
                margin-left: 6%;
                z-index: 1;
                text-align: left;
                margin-bottom: 1.875rem;
                .st1{
                    margin-bottom: .25rem;
                    font-size: .9375rem;
                }
                .st3{
                    display: block;
                    margin-top: .3125rem;
                    font-size: .9375rem;
                }
            }
            .sright-cen{
                padding-top: 1.25rem;
                .sright-cenin{
                    display: flex;
                    .sright-button{
                        width: 100%;
                        border: none;
                        background-color: transparent;
                        cursor: pointer;
                        font-size: inherit;
                        font: inherit;
                        color: inherit;
                        text-decoration: none;
                        padding: 0;
                        .sright-p{
                            display: flex;
                            position: relative;
                            .sright-span1{
                                width: 100%;
                                display: block;
                                border-radius: .3125rem;
                                border: .0625rem solid #757575;
                                position: relative;
                                display: flex;
                                justify-content: space-between;
                                align-items: center;
                                padding: 1.5rem 1rem;
                                padding-right: 3.125rem;
                                padding-left: 1rem;
                               
                            }
                            .sright-span2{
                                position: absolute;
                                right: 1rem;
                                top: 50%;
                                transform: translateY(-50%);
                                display: inline-block;
                                height: 1rem;
                            }
                           
                        }
                    }
                }
            }
            .sright-cen-und{
                margin-top: 1.25rem;
                font-size: .9375rem;
                align-items: center;
                display: flex;
                .cen-und-t{
                    display: flex;
                    flex-wrap: wrap;
                    width: 100%;
                    margin: .75rem 0 0;
                    justify-content: space-around;
                    .button-sright{
                        display: inline-flex;
                        flex-shrink: 1;
                        order: 1;
                        width: calc(100% - 4.375rem);
                        height: 3.75rem;
                        border-radius: 3.75rem;
                        text-transform: uppercase;
                        margin-bottom: .625rem;
                        background-color: black;
                        justify-content: center;
                        align-items: center;
                        .spanbut{
                            display: flex;
                            color: white;
                        }
                    }
                    .a-sright{
                        width: 100%;
                        order: 3;
                        margin-bottom: .625rem;
                        text-decoration: none;
                        border: none;
                        padding: 0;
                        .span-sri{
                            display: flex;
                            width: 100%;
                            height: 3.75rem;
                            border-radius: 3.75rem;
                            text-transform: uppercase;
                            border: 1px solid black;
                            align-items: center;
                            justify-content: center;
                           
                        }
                    }
                    .button-xin{
                        order: 2;
                        display: flex;
                        align-items: center;
                        flex-shrink: 0;
                        border-radius: 50%;
                        border: .0625rem solid #000;
                        width: 3.75rem;
                        height: 3.75rem;
                        margin-left: .625rem;
                        background-color: white;
                        align-items: center;
                        justify-content: center;
                        .span-xin{
                            display: block;
                            font-size: 18px;
                        }
                    }
                    }
                    }
            .sright-ul{
                margin-top: 1.25rem;
                width: 100%;
                border: .0625rem solid #cecece;
                border-radius: .3125rem;
                padding: 1.875rem 1.25rem .625rem;
                font-size: .9375rem;
                line-height: 1.5rem;
                box-sizing: border-box;
                .ul-li{
                    width: 100%;
                    position: relative;
                    padding-bottom: 1.25rem;
                    display: flex;
                    align-items: center;
                    text-decoration: underline;
                    .li-left{
                        font-size: 32px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        margin-right: 1.25rem;
                    }
                    .li-right{
                        text-align: left;
                    }
                }
                }
            .sright-under{
                width: 100%;
                box-sizing: border-box;
                padding: 0;
                display: flex;
                flex-direction: column;
                border-radius: .3125rem;
                margin-top: 1.25rem;
                .under-one{
                    padding: 0 1.5625rem;
                    border-radius: .3125rem;
                    background-color: #f6f6f6;
                    .under-yi{
                        display: flex;
                        width: 100%;
                        justify-content: space-between;
                        align-items: center;
                        padding: .8125rem 0;
                        border: none;
                    background-color: #f6f6f6;

                        .span-yi{
                            font-size: .9375rem;
                            font-family: Century Gothic Std Bold,Noto Sans JP,Noto Sans SC,Noto Sans TC,Noto Sans KR;
                            text-transform: uppercase;
                            text-align: left;
                        }
                        .span-yi-yi{
                            display: inline-flex;
                            font-size: .75rem;
                            cursor: pointer;
                        }
                        }
                    .appear{
                        width: 100%;
                        display: block;
                        .appear-p{
                            line-height: 1.25rem;
                            font-size: .8125rem;
                            margin-bottom: 1.125rem;
                        }
                    }
                    }
                .under-two{
                    padding: 0 1.5625rem;
                    border: none;
                    border-bottom: .0625rem solid #e5e5e5;
                        .two-p{
                            display: flex;
                            width: 100%;
                            justify-content: space-between;
                            align-items: center;
                            padding: .8125rem 0;
                            font-weight: bold;
                            .two-sp2,.two-sp3,.two-sp4,.two-sp5{
                                cursor: pointer;;
                            }
                        }
                        .two-div,.four-div,.fri-div{
                            line-height: 1.25rem;
                            font-size: .8125rem;
                            margin-bottom: 1.125rem;
                            display: none;
                        }
                        .thr-div{
                            line-height: 1.25rem;
                            font-size: .8125rem;
                            margin-bottom: 1.125rem;
                            display: none;
                                .thr-con{
                                    width: 100%;
                                    height: 100%;
                                    .thr-swi{
                                        position: relative;
                                        width: 100%;
                                        height: 100%;
                                        z-index: 1;
                                        display: flex;
                                        transition-property: transform;
                                        box-sizing: content-box;
                                        .thr-sli{
                                            width: 100%;
                                            height: 100%;
                                            position: relative;
                                        }
                                    }
                                }
                            }
                        }
                }
                }
            }
        .s-centent{
            width: 100%;
            .centent-box{
                width: 100%;
                margin-top: 2.5rem;
                .prc1-1,.prc2-1,.prc3-1,.prc4-1,.prc5-1,.prc6-1{
                    margin-top: 2.5rem;
                    margin-bottom: 2.5rem;
                    .xian{
                        box-sizing: border-box;
                        width: 100%;
                        border-width: .0625rem 0 0;
                        border-style: solid;
                        border-color: #E5E5E5;
                    }
                    .prch2,.prc5{
                        width: 100%;
                        font-size: 1.625rem;
                        line-height: 2rem;
                        text-align: center;
                        margin: 1.25rem 0;
                        box-sizing: border-box;
                        padding: 0 1.25rem;
                        font-weight: 400;
                    }
                    .prc2-ul,.prc5-ul{
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: space-between;
                        .prc2li-left,.prc5li-left{
                            width: 65.75%;
                            margin-bottom: 2rem;
                            .cd{
                                width: 100%;
                                overflow: hidden;
                                display: block;
                                z-index: 0; 
                               .cd-button{
                                margin: 0;
                                padding: 0;
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                z-index: 1;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                border: none !important;
                                img{
                                    width: 100%;
                                    height: 100%;
                                }
                               }
                            }
                               .prc5-img{
                                   width: 100%;
                                   img{
                                       display: block;
                                       width: 100%;
                                   }
                               }
                            }
                        .prc2li-right,.prc5li-right{
                                height: 100%;
                                margin: auto 0;
                                width: 31.5%;
                                .prc2-text,.prc5-text{
                                    margin: .9375rem 0;
                                    display: flex;
                                    flex-direction: column;
                                    align-items: center;
                                    font-size: .9375rem;
                                    line-height: 1.5rem;
                                    text-align: left;
                                    width: 100%;
                                    .prc2-p,.prc5-p{
                                        font-size: .9375rem;
                                        line-height: 1.25rem;
                                        text-align: left;
                                    }
                                    .prc5-p{
                                        text-align: center;
                                    }
                                }
                            }
                        }
                       
                    }
                .prc4-1{
                    margin-top: 2.5rem;
                    margin-bottom: 2.5rem;
                    .prc4-box{
                        text-align: center;
                        margin-left: 6.25rem;
                        margin-right: 6.25rem;
                        .prc4-p{
                            margin: 1.5625rem auto;
                            max-width: 52.5rem;
                        }
                        .prc4-i{
                            margin: 0 1.875rem;
                            .prc4-ul{
                                width: 1182px;
                                opacity: 1;
                                display: flex;
                                align-items: center;
                                position: relative;
                                left: 0;
                                top: 0;
                                margin-left: auto;
                                margin-right: auto;
                                .prc4-li{
                                    outline: none;
                                    width: 394px;
                                    padding: 0 .9375rem;
                                    .prc4-img{
                                        width: 100%;
                                        height: 100%;
                                        img{
                                            display: block;
                                            width: 100%;
                                        }
                                    }
                                }
                            }
                        }
                    }
                    
                }
                .prc5-1{
                    margin-top: 2.5rem;
                    margin-bottom: 2.5rem;

                }
                .prc6-1{
                    margin-top: 2.5rem;
                    margin-bottom: 2.5rem;
                    .prc6-box{
                        display: flex;
                        flex-direction: column;
                        max-width: 90rem;
                        text-align: center;
                        .prc6-title{
                            order: 1;
                            .prc6-h2{
                                font-size: 1.625rem;
                                line-height: 2rem;
                            }
                        }
                        .prc6-player{
                            padding-bottom: 56.25%;
                            width: 100%;
                            margin-top: 20px;
                            margin-bottom: 20px;
                            order: 3;
                            position: relative;
                            .prc6-but{
                                margin: 0;
                                padding: 0;
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                z-index: 1;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                background-color: transparent;
                                border: 0;
                                color: #fff;
                                cursor: pointer;
                                border-radius: 0;
                                .prc6-img{
                                    width: 100%;
                                    img{
                                        display: block;
                                        width: 100%;

                                    }
                                }
                            }
                        }
                    }
                }
                .prc7-1{
                    margin-top: 2.5rem;
                    margin-bottom: 2.5rem;
                    background-color: #f6f6f6;
                    padding: 1.25rem 3.125rem 2.5rem;
                    box-shadow: -62.5rem 0 0 0 #f6f6f6, 62.5rem 0 0 0 #f6f6f6;
                    .prc7-h2{
                        font-size: 1.625rem;
                        line-height: 2rem;
                        text-align: center;
                        margin-bottom: 2rem;
                        font-family: Century Gothic Std,Arial,sans-serif;
                        font-weight: 400;
                        margin: 0;
                        width: 100%;
                    }
                    .prc7-box{
                        background-color: #f6f6f6;
                        .prc7-ul{
                            width: 100%;
                            height: 100%;
                            display: flex;
                            .prc7-li{
                                list-style: none;
                                flex: 1;
                                padding: 0 .9375rem;
                                display: block;
                                position: relative;
                                .prc7-tlt{
                                    padding: 0 1.25rem;
                                    .prc7-pp{
                                        width: 100%;
                                        display: flex;
                                        flex-direction: column;
                                        text-align: center;
                                        margin-bottom: 1.25rem;
                                        .prc7-sp1{
                                            font-size: 32px;
                                        }
                                        .prc7-sp2{
                                            font-size: 15px;
                                        }
                                    }
                                }
                                .prc7-a{
                                    display: block;
                                    width: 20px;
                                    height: 20px;
                                    position: absolute;
                                    top: 110px;
                                    right: 35px;
                                    z-index: 10;
                                    img{
                                        display: block;
                                        width: 100%;
                                    }
                                }
                                .prc7con-img{
                                    display: table;
                                    position: relative;
                                    width: 100%;
                                    overflow: hidden;
                                    img{
                                        display: block;
                                        width: 100%;
                                    }
                                }
                                .prc7-under{
                                    margin-top: .625rem;
                                    display: flex;
                                    flex: 1;
                                    flex-direction: column;
                                    .prc7-zk{
                                        display: flex;
                                        min-height: 2.5rem;
                                        .zk-p{
                                            margin: 0 auto;
                                            margin-top: 15px;
                                        }
                                    }
                                    .prc7-sp{
                                        font-size: .9375rem;
                                        line-height: 1.25rem;
                                        height: 2.25rem;
                                        text-align: center;
                                        font-weight: bold;
                                    }
                                    .prc7under-p{
                                        min-height: 6.25rem;
                                        overflow: hidden;
                                        font-size: .9375rem;
                                        text-align: center;
                                        line-height: 1.5rem;
                                        padding: 0 .9375rem;
                                        flex: 1;
                                    }
                                    .price{
                                        min-height: 1.5rem;
                                        margin: .9375rem 0;
                                        text-align: center;
                                        font-weight: bold;
                                    }
                                    .anniu{
                                        margin: 0 auto;
                                        display: flex;
                                        height: 3rem;
                                        border-radius: 1.5rem;
                                        font-size: .9375rem;
                                        padding: 0 2rem;
                                        width: 154px;
                                        background-color: black;
                                        align-items: center;
                                        .p2{
                                            display: flex;
                                            align-items: center;
                                            margin: auto;
                                            .sp2{
                                                text-align: center;
                                                color:white; 
                                                font-size: .9375rem;
                                                line-height: 36px;
                                            }
                                            .sp1{
                                                display: block;
                                                width: 20px;
                                                height: 20px;
                                                img{
                                                    display: block;
                                                    width: 100%;
                                                    height: 100%;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
               
                }
            } 
        .s-under{
            width: 100%;
            .prc9-1{
                width: 100%;
                .prc9-sli{
                    width: 100% !important;
                    text-align: center;
                    font-size: 18px;
                    background: #fff;
                    justify-content: center;
                    align-items: center;
                    .prc9-ul{
                        width: 100%;
                        height: 100%;
                        display: flex;
                        outline: none;
                        .prc9-li{
                            flex: 1;
                            padding: 0 1.25rem;
                        }
                    }
                }
            }
        }
            }


       
        }
                
            
            
        
         
       
    
